<template>
	<view>
		<page-header :logo='logo' :classsw='classshow'></page-header>

		<view class="contents">
			<image :src="bar_icon" :mode="mode"></image>
			<view class="floor_two fm_two">
				<view class="pic">
					<image :src="frisobabykv" :mode="mode"></image>
				</view>
				<view class="title">
					<view id="fm_line">
						<text class="fm_line_text">美素佳儿妈妈<text class="fm_line_tm">TM</text></text>
					</view>
					<view id="fm_line">孕产妇配方奶粉（调制乳粉）</view>
					<view class="fm_p">适用于怀孕及哺乳期妈妈</view>
				</view>
				<view class="fm_border"></view>
				<view class="fm_write">
					<view class="fm_line">
						<text class="fm_line_text">双重关爱配方<text class="fm_line_tm">TM</text></text>
					</view>
					<view class="fm_p">富含叶酸</view>
					<view class="fm_p">添加二十二碳六烯酸</view>
					<view class="fm_p">富含膳食纤维</view>
					<view class="fm_p">添加乳双歧杆菌</view>
					<view class="fm_p">(Bifidobacterium lactis, 菌株号:HN019)</view>
				</view>
				<view class="fm_tmall">
					<image class="fm_tmall_img" :src="left_cattle"></image>
				</view>
				<view class="fm_img_box">
					<image :src="image01" :mode="mode"></image>
					<image :src="image02" :mode="mode"></image>
					<image :src="image03" :mode="mode"></image>
					<image :src="image04" :mode="mode"></image>
					<image :src="image05" :mode="mode"></image>
					<image :src="image06" :mode="mode"></image>
				</view>
			</view>

		</view>

		<footer-text></footer-text>
		<page-footer></page-footer>
		<gototop></gototop>
	</view>
</template>

<script>
	import footerText from '@/components/footer-text.vue'
	import gototop from '@/components/gototop.vue'
	import video from '@/components/ms-video.vue'
	export default {
		data() {
			return {
				mode: 'widthFix',
				logo: 'https://www.frisobaby.com/media/1730/mm_logo.png',
				classshow: 'frisomumclass',
				bar_icon: 'https://www.frisobaby.com/media/1723/mm_kv.jpg',
				frisobabykv: 'https://www.frisobaby.com/media/1507/fm_product_01.png',
				left_cattle: 'https://www.frisobaby.com/resources/images/mobile/fm_tmall.png',
				image01: 'https://www.frisobaby.com/media/1572/mob3.jpg',
				image02: 'https://www.frisobaby.com/media/1526/222.png',
				image03: 'https://www.frisobaby.com/media/1495/m_03.png',
				image04: 'https://www.frisobaby.com/media/1497/m_04.png',
				image05: 'https://www.frisobaby.com/media/1496/m_05.png',
				image06: 'https://www.frisobaby.com/media/1498/m_06.png'

			}

		},
		onLoad() {

		},
		methods: {
			
		},
		components: {
			'footer-text': footerText,
			'gototop': gototop,
			'ms-video': video
		},
		onShareAppMessage: function() {
			return {
				title: '美素佳儿妈妈',
				desc: '美素佳儿妈妈',
				path: 'pages/frisomum/frisomum'
			}
		}

	}
</script>

<style>
	.fm_line_text {
		position: relative;
	}

	.fm_line_tm {
		position: absolute;
		top: -14upx;
		right: -60upx;
	}

	.contents {
		margin-top: 82upx;
		width: 100%;
		font-size: 0;
	}

	image {
		width: 100%;
		height: 100%;
	}

	.pic image {
		width: 297upx;
		height: 447upx;
	}

	.contents .fm_two {
		background: #fff5e6;
	}

	.floor_two .pic {
		padding-top: 30upx;
		text-align: center;
	}

	.floor_two .title {
		text-align: center;
	}

	#fm_line {
		color: #e0576a;
		font-size: 40upx;
		text-align: center;
	}

	.title .fm_p {
		color: #f48370;
		font-size: 24upx;
		text-align: center;
	}

	.fm_border {
		height: 1upx;
		margin-top: 10upx;
		background: url(https://www.frisobaby.com/resources/images/mobile/fm_light.png) center 0 no-repeat;
		background-size: contain;
	}

	.fm_write {
		padding: 33upx 0 0 196upx;
	}

	.fm_write .fm_line {
		color: #e0576a;
		font-size: 40upx;
		text-align: left;
		margin-bottom: 22upx;
	}

	.fm_write .fm_p {
		color: #f48370;
		font-size: 24upx;
	}

	.fm_write .fm_p:nth-last-child(1) {
		font-size: 18upx;
	}

	.fm_tmall {
		width: 100%;
		text-align: center;
		height: 76upx;
		margin-top: 28upx;
	}
	.fm_tmall image{
		width: 238upx;
		height: 100%;
	}

	.fm_img_box {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

	.fm_img_box>image {
		padding: 10upx;
		box-sizing: border-box;
	}
</style>
